<script setup lang="ts">
  defineProps<{
    version: string,
  }>()
</script>

<template>
  <view class="list-item" :class="`version-${version || 1}`">
    <slot />
  </view>
</template>

<style scoped>
  .list-item.version-1 {
    width: 100%;
    background-image: url('/static/owo/dongli-winnerbg.png');
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 700/140; 
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 18px;
    color: white;
  }
</style>
